Berikut adalah cara untuk melakukan jumlah data dengan menggunakan javascript dan menampilkan nya di browser. Trik ini tentu dapat digunakan dengan penggabungan terhadap HTML atau pun php.
Berikut adalah source code untuk melakukan penjumlahan dengan javascript :
<!doctype html>
<html>
<head>
<script>
function add(){
var a,b,c; //membuat variabel
a=Number(document.getElementById("first").value); //menangkap input angka pertama
b=Number(document.getElementById("second").value); //menangkap input angka kedua
c = a + b; //melakukan penjumlahan
document.getElementById("answer").value= c;
}
</script>
</head>
<body>
Masukkan Angka Pertama : <input id="first">
Masukkan Angka Kedua : <input id="second">
<button onclick="add()">Tambah</button>
<input id="answer">
</body>
</html>
Penjelasan source code :
Dalam hal ini function bernama add digunakan untuk melakukan kegiatan penjumlahan yang mana fungsi tersebut di panggil ketika button di klik. Pada bagiab button kita dapat melihat kode
onclick=”add()”
Elemen onclick dapat memanggil fungsi add() yang telah di jabarkan sebelumnya.
Simpan kode tersebut ke dalam file berekstensi .html atau .php
Denikian artikel mengenai penjumlahan data dengan menggunakan javascript. Semoga bermanfaat.
